{#{% extends '::onlyPlugins.html.twig' %}#}
{% block js %}
    <style type="text/css" title="currentStyle">
            @import "{{ asset('bootstrap/media/css/TableTools.css') }}";
    </style>
    <script type="text/javascript" charset="utf-8" src="{{ asset('bootstrap/media/js/jquery.js') }}"></script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('bootstrap/media/js/jquery.dataTables.js') }}"></script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('bootstrap/media/js/ZeroClipboard.js') }}"></script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('bootstrap/media/js/TableTools.js') }}"></script>
    <script type="text/javascript" charset="utf-8">
            $(document).ready( function () {
                    $('#example').dataTable( {
                            "sDom": 'T<"clear">lfrtip',
                            "oTableTools": {
                                    "aButtons": [
                                        {
                                            "sExtends": "print",
                                            "sButtonText": "Imprimir"
                                        },
                                          
                                           /* {
                                                    "sExtends":    "collection",
                                                    "sButtonText": "Save",
                                                    "aButtons":    [ "csv", "xls", "pdf" ]
                                            }*/
                                    ]
                            }
                    } );
            } );
    </script>
{% endblock %}

{% block body %}
<div class="box">
    <div class="box-head">
          {#  <i class="icon-table"></i>
            <span>Asistencias</span> #}
    </div>
    <div class="box-body box-body-nopadding">
                <table id="example" class="table table-nomargin table-bordered 
                       dataTable table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Código de clase</th>
                            <th>Fecha</th>
                            <th>Rutina</th>
                            <th>Profesor</th>
                            <th>Alumno</th>
                            <th>Asistencia</th>
                            <th>Motivo</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for asistencia in asistencias %}
                        <tr>
                            <td>{{ asistencia.codigoClase }}</td>
                            <td>{{ asistencia.fechaClase }}</td>
                            <td>{{ asistencia.rutina }}</td>
                            <td>{{ asistencia.profesor.nombreCompleto }}</td>
                            <td>{{ asistencia.alumno.nombreCompleto }}</td>
                            <td>{{ asistencia.asistencia }}</td>
                            <td>{{ asistencia.estadoAsistencia }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
        </div>
    </div>
          
{% endblock %}